import conf from '@/config'
export default ({ manga }) => (
  <div className="manga-Interoduce">
    <div className='info'>
      <h1>{manga.title}</h1>

      <p className="tags">{
        manga.genres.map((item) => {
          return (<span key={item}>{item}</span>)
        })
      }</p>
      <div className="item">
        <p className="auth">{manga.artist}</p>
        <p>Latest Chapter:{manga.latestChapter} / Status:{manga.status}</p>
      </div>
      <div className="desc">
        <img src={conf.cdn(manga.image)} />{manga.description}
        <div style={{ clear: 'both' }}></div>
      </div>

    </div>
  </div>
)
